export default `
<style>
    .mce-box-content {
        width: 100%;
        height: 100%;
        padding: 10px;
        white-space: normal;
        box-sizing: border-box;
        overflow: auto;
        font-size: 0;
    }

    .mce-box-content::-webkit-scrollbar {
        width: 8px;
        height: 1px;
    }

    .mce-box-content::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #ddd;
    }

    .mce-box-content::-webkit-scrollbar-track {
        border-radius: 8px;
        border-left: 1px solid #efefef;
    }

    .prev-img-out-box,
    .add-img {
        position: relative;
        display: inline-block;
        width: 25%;
        height: 0;
        padding-top: 25%;
        box-sizing: border-box;
        font-size: 14px;
    }

    .prev-img-box,
    .add-img:after {
        content: '';
        position: absolute;
        left: 4px;
        right: 4px;
        top: 4px;
        bottom: 4px;
        border: 1px solid #efefef;
    }

    .prev-img-box {
        overflow: hidden;
        cursor: pointer;
    }

    .add-img {
        background: url() center no-repeat;
        background-size: 100% auto;
        cursor: pointer;
    }

    .prev-img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .handle-hover {
        position: absolute;
        left: 0;
        right: 0;
        top: -32px;
        background: rgba(0, 0, 0, .6);
        z-index: 2;
        text-align: right;
        transition: top .24s linear;
    }

    .prev-img-box:hover .handle-hover {
        top: 0;
    }

    .del-btn {
        display: inline-block;
        width: 32px;
        line-height: 32px;
        text-align: center;
        color: #fff;
        font-family: 'tinymce',Arial;
        font-style: normal;
        opacity: .6;
    }

    .del-btn:hover {
        opacity: 1
    }

    .del-btn:before {
        content: "\\e92a";
    }
</style>
`
